$(function() {

    var carts = [];
    // 产品尺码
    var size = 0;
    // 产品库存
    var num = 0;
    // 购买产品数量
    var productNum = 0;

    $.ajax({
        url: '/cart/queryCart',
        type: 'get',
        success: function(res) {

            console.log(res);

            if (res) {
                var html = template('priceTpl', { data: res });
                // console.log(html);
                $('#address-box').html(html);
            }
            carts = res;
            // console.log(carts);
        }
    })

    // 删除功能
    $('#address-box').on('tap', '.deleteBtn', function() {

        var id = this.getAttribute('data-id');

        var li = this.parentNode.parentNode;

        mui.confirm("确认要删除吗?", function(message) {

            // 确认删除
            if (message.index == 1) {

                $.ajax({
                    url: '/address/deleteCart',
                    type: 'post',
                    data: {
                        id: id,
                    },
                    success: function(res) {
                        // 删除成功
                        if (res.success) {
                            // 重新加载当前页面
                            location.reload();
                        }
                    }
                })
            } else {
                // 取消删除
                // 关闭列表滑出效果
                mui.swipeoutClose(li);
            }
        });
    });


    // 编辑功能
    $('#address-box').on('tap', '.editBtn', function() {

        // 购物车数据id
        var id = $(this).attr('data-id');

        // 调用函数寻找id对应的数据
        var item = findGoodsById(carts, id);

        // 产品数量
        num = item.num;

        // 产品尺码
        size = item.size;

        // 产品购买数量，用于下面判断
        productNum = item.productNum;

        // 将字符串分割成一个字符串数组
        var productSize = item.productSize.split('-');

        // 获取到第一个值
        var start = parseInt(productSize[0]);

        // 获取到最后一个值
        var end = parseInt(productSize[1]);

        // 声明一个数组，下面循环出来之后放进去,也就是给数据加一个数组
        item.arr = [];

        for (var i = start; i <= end; i++) {
            item.arr.push(i);
        }
        // console.log(item)
        var html = template('detailTpl', { data: item }).replace(/\n/g, '');

        var btnArray = ['确定', '取消'];

        mui.confirm(html, '编辑商品', btnArray, function(e) {

            if (e.index == 0) {

                $.ajax({
                    url: '/cart/updateCart',
                    type: 'post',
                    data: {
                        id: id,
                        size: size,
                        num: num
                    },
                    success: function(result) {
                        console.log(result);

                        if (result.success) {

                            mui.toast('修改成功');

                            location.reload();

                        }

                    }
                })

            } else {
                mui.toast('得到你的认可，我们非常高兴')
            }
        });


        $('.detail-size').on('tap', 'span', function() {
            $(this).addClass('active').siblings('span').removeClass('active');
        });



        $('.detail-num ').on('tap', '.reduce', function() {
            num = $('.detail-num .num').val();
            num--;
            if (num < 1) {
                num = 1;
            }
            $('.detail-num input').val(num);
        })


        $('.detail-num').on('tap', '.plus', function() {
            num = $('.detail-num .num').val();
            num++;
            if (num > productNum) {
                num = productNum;
            }
            $('.detail-num input').val(num);
        })

    });



})

function findGoodsById(result, id) {
    // console.log(result)
    for (var i = 0; i < result.length; i++) {

        if (result[i].id == id) {

            return result[i];

        }

    }

}